    @charset "UTF-8";
    /*头部导航*/
    
    $color:#40D2B1;
    .navbar-default {
        color: #fff;
        border: none;
        box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.25);
        .container {
            .navbar-header {
                .navbar-brand {
                    font-size: 30px;
                    font-weight: bold;
                    color: $color;
                    height: 70px;
                    line-height: 35px;
                }
                .navbar-toggle {
                    top: 10px;
                    border-color: $color;
                    &:hover {
                        background-color: $color;
                    }
                }
            }
            .navbar-collapse {
                .nav {
                    li {
                        a {
                            font-size: 16px;
                            font-weight: bold;
                            color: #666;
                            height: 70px;
                            line-height: 35px;
                            &:hover {
                                color: $color;
                            }
                        }
                    }
                }
            }
        }
    }
    section#home {
        margin-top: 70px;
        text-align: center;
        background-image: url(../img/home-bg.jpg);
        background-size: cover;
        .lvjing {
            padding: 90px 0;
            background-color: rgba(0, 0, 0, 0.7);
            .row {
                color: white;
                img {
                    padding-top: 30px;
                    display: inline-block;
                }
            }
        }
    }
    section#bbs {
        text-align: center;
        padding: 80px 0;
        .container {
            .row {
                .col-md-4 {
                    padding: 15px;
                    &:hover {
                        background: #f1f1f1;
                        box-shadow: 1px 1px 4px #ccc;
                    }
                    a {
                        text-decoration: none;
                        &:hover {
                            text-decoration: none;
                        }
                        img {
                            margin: 0 auto;
                        }
                    }
                }
            }
        }
    }
    
    section#html5 {
        background: #f8f8f8;
        padding: 80px 0;
        .container {
            .wow {
                h2 {
                    font-weight: bold;
                }
                p {
                    line-height: 25px;
                }
            }
        }
    }
    
    section#bootstrap {
        @extend#html5;
        background-color: #fff;
    }
    
    section#course {
        background: #f8f8f8;
        padding: 80px 0;
        text-align: center;
        .container {
            .wow {
                .col-md-3 {
                    margin-bottom: 20px;
                    .course {
                        background: #ffffff;
                        img {
                            margin: 0 auto;
                        }
                        .btn {
                            background: transparent;
                            border: 1px solid #40D2B1;
                            border-radius: 0px;
                            color: #40D2B1;
                            margin: 20px 0;
                            padding: 8px 40px;
                            transition: all 0.3s;
                            &:hover {
                                background-color: $color;
                                border-color: white;
                                color: white;
                            }
                        }
                    }
                }
                h2 {
                    font-weight: bold;
                    padding-bottom: 60px;
                }
            }
        }
    }
    
    section#app {
        padding: 80px 0;
        .container {
            .wow {
                .col-md-6 {
                    h2 {
                        font-weight: bold;
                        padding-bottom: 30px;
                    }
                    p {}
                    .btn {
                        margin: 10px 0;
                        background: #fff;
                        border-color: $color;
                        border-radius: 0;
                        padding: 6px 30px;
                        transition: all 0.3s;
                        color: $color;
                        &:hover {
                            background-color: $color;
                            color: $color;
                            color: #fff;
                        }
                    }
                    img {}
                }
            }
        }
    }
    
    section#contact {
        background: url("../img/huzhi.png") no-repeat;
        background-size: cover;
        color: #ffffff;
        .lvjing {
            padding: 90px 0;
            background-color: rgba(0, 0, 0, 0.7);
            .container {
                .row {
                    .wow {
                        h2 {
                            font-weight: bold;
                            margin-top: 0;
                            margin-bottom: 25px;
                        }
                        p {
                            line-height: 25px;
                            margin-bottom: 20px;
                        }
                        address {}
                    }
                    .wow {
                        textarea {
                            .form-control {
                                height: auto;
                            }
                        }
                        .form-control {
                            border: none;
                            border-radius: 0;
                            height: 50px;
                            margin-bottom: 20px;
                        }
                    }
                }
            }
        }
        input[type="submit"] {
            background: #40D2B1;
            color: #fff;
            font-weight: bold;
            transition: all 0.3s;
            &:hover {
                background: rgb(44, 142, 120);
            }
        }
    }
    
    footer {
        font-weight: 400;
        text-align: center;
        padding: 20px;
    }